<script setup></script>

<template>
  <page-header-wrapper>
    <template #pageHeader>
      <a-page-header title="首页" sub-title="仪表盘" />
    </template>
    <a-row type="flex" :gutter="16">
      <a-col :md="6" :xs="24">
        <a-card>
          <a-statistic title="发布的服务器数量" :value="1" />
        </a-card>
      </a-col>
      <a-col :md="6" :xs="24">
        <a-card>
          <a-statistic title="今日平台访问次数" :value="2" />
        </a-card>
      </a-col>
      <a-col :md="6" :xs="24">
        <a-card>
          <a-statistic title="test" :value="10" />
        </a-card>
      </a-col>
      <a-col :md="6" :xs="24">
        <a-card>
          <a-statistic title="test" :value="1" />
        </a-card>
      </a-col>
    </a-row>
    <br />
    <a-row type="flex" :gutter="16">
      <a-col :md="18" :xs="24">
        <a-card title="服务器列表">
          <a-timeline>
            <a-timeline-item> test </a-timeline-item>
            <a-timeline-item> test </a-timeline-item>
            <a-timeline-item> test </a-timeline-item>
            <a-timeline-item> test </a-timeline-item>
          </a-timeline>
        </a-card>
      </a-col>
      <a-col :md="6" :xs="24">
        <a-card title="快捷操作">
          <a-button @click="$router.push({ name: 'PhysicalServerList' })" type="link"> 物理机管理 </a-button>
          <a-button @click="$router.push({ name: 'VirtualServerList' })" type="link">虚拟机管理</a-button>
          <a-button @click="$router.push({ name: 'OrderList' })" type="link">查看账单</a-button>
        </a-card>
      </a-col>
    </a-row>
  </page-header-wrapper>
</template>
